.maxwidth{ max-width: 1920px; margin-left: auto; margin-right: auto; }

.uk-modal{ z-index:191010; }

.hadbox-sec1 .f_navbox li .hover3{ left:-3rem; width:12rem; min-width:950px; }
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong{ font-size:16px; }
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list{padding: 0.14rem 0.14rem 0.14rem;}
.hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list .font .fz_zi{ font-size:16px; }
.hadbox-sec2 .container .navbox > ul > li .tit i img, .hadbox-sec2 .container .navbox > ul > li .tit i svg{ width: 8px;}
.en-body .hadbox-sec1 .f_navbox li .hover3 .fz_nei .fz_zhong .item .list .font .fz_zi{ font-size: 14px; }




.mainpage *{ box-sizing: border-box; }

.tbody{ padding:60px 0 100px; }

/*多语言*/
.uk-lang{ margin-left:50px; }
/* .lang { padding:5px; position: absolute; right:0; top:0; } */
.lang .box{ position: relative; padding:0px 10px 0 20px; line-height: 30px; color:#8d8d8d; }
.lang .box .iconfont{ position: absolute; left: 0; }
.lang .uk-drop{ background:#f8f8f8; margin-top:0; width:100px; padding:10px 0; }
.lang .uk-drop a{ display: block; line-height: 36px; padding:0 20px; color:var(--text-color); }
.lang .uk-drop a.cur,.lang .uk-drop a:hover{ color:var(--main-color); }


.fotbar{ height: 5px; background: linear-gradient(90deg, #bdecf2, #00a9b7); background-size: 200%; animation: bganimation 10s infinite;  }

@keyframes bganimation{
    0% {
        background-position:0% 50% ;
    }
    50% {
        background-position:100% 50% ;
    }
    100% {
        background-position:0% 50% ;
    }
}



.banner .banner-main h1{ position: relative; }
.banner h1::before{ position: absolute; left: 0; bottom:-25px; content:''; display: block; width: 60px; height: 4px; background:var(--main-color);  }



.titbar{ border-bottom:1px solid #ebebeb; padding:10px 0; margin-bottom: 38px; position:relative; }
.titbar h2{  padding-left: 12px; margin: 0; line-height:40px; position: relative; }
.titbar h2 span{ display: block;}
.titbar h2::after{ content:''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width:6px; height: 26px; margin-top:2px; background:var(--main-color); }



/*首页*/
.bar{ background:#fafcff; padding:15px 0; }
.bar .uk-wrap{ position: relative;}
.bar .subnav li{ margin-right:60px; }
.bar .subnav li a{ line-height: 30px;}
.bar .subnav li.active a{ color:#00a9b7; }
.bar .lang .uk-flex>a{ margin-left:10px; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50%; background:#dbdbdb; color:#fff; }
.bar .lang .uk-flex>a:hover,.bar .lang .uk-flex>a.cur{ background:var(--main-color); }

.en-body .bar .subnav li{ margin-right: 40px; }
.en-body .bar .subnav li a{ display:flex; align-items:center; }
.en-body .bar .subnav li a span{ display:block; max-width:100px; line-height:1.2; text-align: center; }



.ipart1{ padding:100px 0 120px; }
.ipart1 .tit{ margin-bottom: 25px;}
.ipart1 .uk-grid{ margin-left:-100px; }
.ipart1 .uk-grid>div{ padding-left:100px; }

.ipart2{ margin-bottom: 0!important; padding:110px 0; background:url(../images/bg1.png); background-size:cover; }
.ipart2 .stock-info{border-radius:5px; overflow:hidden; padding-right:400px; }
.ipart2 .stock-info .uk-wrap{ background:rgba(240, 252, 255, 0.9)!important; padding-bottom: 25px!important; }
.ipart2 .stock-info .right{ position:absolute; right:0; top:0; bottom:0; width:400px; background:rgba(240, 252, 255, 0.9)!important; }



.ipart3{ padding:110px 0;}
.ipart3 .uk-grid{ margin-left:-5px;}
.ipart3 .uk-grid>div{ padding-left:5px; text-align: center; }
.ipart3 .uk-grid>div .uk-wrap{ background-size:cover; padding:40px 0; border-radius:5px; }
.ipart3 .uk-grid>div:nth-child(1) .uk-wrap{ background-image:url(../images/pic_1.png); }
.ipart3 .uk-grid>div:nth-child(2) .uk-wrap{ background-image:url(../images/pic_2.png); }
.ipart3 .uk-grid>div:nth-child(3) .uk-wrap{ background-image:url(../images/pic_3.png); }
.ipart3 .uk-grid>div .uk-wrap .ico img{ width: 80px;}
.ipart3 .uk-grid>div .uk-wrap .f18{ color:#fff; }


.ipart4{ padding: 80px 0 120px; background:url(../images/banner-bg.jpg); background-size: cover; }
.ipart4 .title{ margin-bottom: 56px; }
.ipart4 .title a{ display: inline-block; position: relative;}
.ipart4 .title a::before{ position: absolute; bottom:-5px; left: 50%; transform: translateX(-50%); content:""; display: block; width:100px; height: 2px; background-color: var(--main-color); }
/* .ipart4 .uk-grid .uk-grid-margin{ margin-top:20px; } */
.ipart4 .uk-wrap{ line-height: 1.6; padding:15px 80px 15px 20px; min-height: 110px; background: #fff; border-radius: 8px; box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.05); }
.ipart4 .uk-wrap .date{ color:#b8b8b8; margin-top:5px; }
.ipart4 .uk-wrap .more{ margin-right:20px;  width:44px; height: 44px; padding:2px; border-radius: 50%; background-color: #ccc; text-align: center; }
.ipart4 .uk-wrap .iconfont{ display: block; color:#fff; }
.ipart4 .uk-wrap:hover{ background:var(--main-bgcolor); border-color:var(--main-color); }
.ipart4 .uk-wrap:hover .more{ background-color:var(--main-color); }

/* .ipart4{ padding:100px 0; background-color: var(--main-color); color:#fff; }
.ipart4 .isubscribebox>.left{ width:430px; }
.ipart4 .isubscribebox>.left .desc{ margin-bottom: 48px; }

.en-body .ipart4 .isubscribebox>.left .desc{ line-height:1.4; margin-bottom:30px; } */

.isubscribebox .checkbox{ color:#818181; }
.isubscribebox .checkbox ul{ display:block; }
.isubscribebox .checkbox span{ padding-left:5px; }
.isubscribebox .checkbox li{ margin: 8px 40px 8px 0; color:#fff; }
.isubscribebox .checkbox li:last-child{ margin-right:0; }
.isubscribebox .checkbox label{ cursor: pointer;}
.isubscribebox .checkbox .uk-checkbox{ width:20px; height: 20px; background-color:#fff; border-color:#fff; }
.isubscribebox .checkbox .uk-checkbox:checked{ background-color:#fff; border-color:#fff; background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23ff0000%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A); }

.isubscribebox .uk-wrap{ font-size:16px; position: relative; }
.isubscribebox .uk-wrap .uk-input, .isubscribebox .uk-wrap .uk-select, .isubscribebox .uk-wrap .layui-input{ border:1px solid #fff; height: 50px; line-height: 50px; color:#515151; padding-left:20px; font-size:16px; }
.isubscribebox .uk-wrap .uk-dropdown{ width:100%; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05); padding:0; }
.isubscribebox .uk-wrap .uk-dropdown li{ line-height: 40px; padding:0 20px; }
.isubscribebox .uk-wrap .uk-dropdown li:hover{ background-color: var(--main-color); color:#fff; }
.isubscribebox .uk-wrap .uk-input[readonly]{ position: relative; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: calc(100% - 20px) 50%; }

.isubscribebox .uk-wrap input::-webkit-input-placeholder { color:#515151; }
.isubscribebox .uk-wrap input:-moz-placeholder { color:#515151; }
.isubscribebox .uk-wrap input::-moz-placeholder { color:#515151; }
.isubscribebox .uk-wrap input:-ms-input-placeholder { color:#515151; }

.isubscribebox .layui-form-select dl{ top:62px; }
.isubscribebox .uk-form-label{ font-size:16px; position: absolute; left: 20px; line-height: 50px; color:#515151; }
.isubscribebox .uk-form-label .text-main{ vertical-align: sub; }
.isubscribebox .right .uk-grid{ margin-top:15px; }
.isubscribebox .right .uk-grid>div{ padding-left:20px; }
.isubscribebox .right .uk-grid>div.uk-grid-margin{ margin-top:20px; }
.isubscribebox .right .uk-grid>div:nth-child(1) .uk-input{ padding-left:85px;}
.isubscribebox .right .uk-grid>div:nth-child(2) .uk-input{ padding-left:115px;}
.isubscribebox .right .uk-grid>div:nth-child(3) .uk-input{ padding-left:100px;}
.isubscribebox .right .uk-grid>div:nth-child(4) .uk-input{ padding-left:70px;}
.isubscribebox .agree{ margin: 20px 0; }
.isubscribebox .agree .uk-checkbox{ width: 20px; height: 20px;}
.isubscribebox .sub{ margin-left:20px; }
.isubscribebox .sub .uk-button{ height: 50px; border:1px solid #fff; padding:0 30px 0 25px; }
.isubscribebox .uk-grid>div .must{ position:absolute; z-index:2; left:8px; top:50%; transform:translateY(-50%); }

.en-body .isubscribebox .uk-grid>div:nth-child(1) .uk-input{ padding-left:120px;}
.en-body .isubscribebox .uk-grid>div:nth-child(2) .uk-input{ padding-left:80px;}
.en-body .isubscribebox .uk-grid>div:nth-child(3) .uk-input{ padding-left:105px;}
.en-body .isubscribebox .uk-grid>div:nth-child(4) .uk-input{ padding-left:110px;}


/*招股文件*/
/* .listdocuments{ padding-top:0px; }
.listdocuments .uk-grid{ margin-left: -70px; }
.listdocuments .uk-grid>li{ padding-left:70px; }
.listdocuments .uk-grid>li.uk-grid-margin{ margin-top:70px; }
.listdocuments .uk-wrap{ padding:20px 90px 20px 140px; background:#f8f8f8; border:1px solid #f8f8f8; }
.listdocuments .uk-wrap .con{ height: 100px; }
.listdocuments .uk-wrap .date{ position: absolute; left:20px; top:20px; text-align: center; width: 100px; height: 100px; background-color: #d3d3d3; color:#fff; }
.listdocuments .uk-wrap .date .day{ height: 70px; line-height: 70px; }
.listdocuments .uk-wrap .date .month{ height: 30px; line-height: 30px; background:#b2b2b2; }
.listdocuments .uk-wrap .tit{ color: #4f4f4f; }
.listdocuments .uk-wrap .ico{ width:50px; height: 50px; line-height: 48px; text-align: center; border:1px solid var(--main-color); border-radius: 50%; right:20px; color:var(--main-color); }
.listdocuments .uk-wrap:hover{ background:#fff5f0; border:1px solid var(--main-color); }
.listdocuments .uk-wrap:hover .date{ background-color: #3f3f3f; }
.listdocuments .uk-wrap:hover .month{ background:#272727; }
.listdocuments .uk-wrap:hover .ico{ background:var(--main-color); color:#fff; } */

.listdocuments>.uk-grid{ margin-left:-25px;  }
.listdocuments>.uk-grid>li{ padding-left:25px; }
.listdocuments>.uk-grid>li.uk-grid-margin{ margin-top:25px!important; }
.listdocuments>.uk-grid .uk-wrap{ border:1px solid  #dfe5ed; border-radius:10px; overflow:hidden; }
.listdocuments .pic{ width:220px; border-right:1px solid #dfe5ed; }
.listdocuments .name{ padding:15px; color:#3f3f3f; }
.listdocuments .uk-wrap .ico{ position: absolute; bottom:20px; right: 20px; text-align: center; transition: all ease 0.3s; background:var(--main-color); width:46px; height: 46px; border-radius: 10px; }
.listdocuments .uk-wrap .ico .iconfont{ text-align: center; display: block; width:46px; line-height: 46px; color:#fff; }
.listdocuments .uk-wrap:hover{ border-color:var(--main-color); }
.listdocuments .uk-wrap:hover .pic{ border-color:var(--main-color); }
.listdocuments .uk-wrap:hover .name{ color:var(--main-color);  }


/*推介会材料*/
/* .presentation ul{ margin-left:-60px; }
.presentation ul>li{ padding-left: 60px; }
.presentation ul>li.uk-grid-margin{ margin-top:60px!important; } */
.presentation li>.uk-wrap{ padding:15px 80px 15px 30px; min-height: 100px; background:#f8f8f8; border:1px solid #f8f8f8;  border-radius:10px; overflow:hidden; transition: all ease 0.3s; }
.presentation li .ico{ position: absolute; top:50%; right: 20px; transform: translateY(-50%); text-align: center; transition: all ease 0.3s; background:var(--main-color); width:40px; height: 40px; border-radius: 10px; }
.presentation li .ico .iconfont{ text-align: center; display: block; width:40px; line-height: 40px; color:#fff; }
.presentation li .name{ line-height: 1.4; }
.presentation li>.uk-wrap:hover{  border-color:var(--main-color); background:var(--main-bgcolor);  }
.presentation li>.uk-wrap:hover .name{ color:var(--main-color); }
.presentation li>.uk-wrap:hover .ico{ background-color:var(--main-color); color:#fff; }


/*业绩报告*/
.listreports{ padding-top:0px; padding-left:200px; padding-right:200px; }
.listreports .uk-year{ padding-left:180px; position: relative; }
.listreports .uk-year .line{ position: absolute; display: block; width:1px; background:#000; left:35px; top:65px; bottom:9px; }
.listreports .uk-year .line::before{ position: absolute; content:''; left: -5px; top:0; display: block; width:9px; height: 9px; border-radius: 50%; border-radius: 50%; border:1px solid #000; background: #fff; }
.listreports .uk-year .line::after{ position: absolute; content:''; left: -5px; bottom:0; display: block; width:9px; height: 9px; border-radius: 50%; border-radius: 50%; border:1px solid #000; background: #fff; }
.listreports .uk-year:last-child .line{ display: none;}
.listreports .uk-year .year{ position: absolute; left: 0; top:0; bottom:0; width:71px; text-align: center; }
.listreports .uk-box{ padding:20px 0 50px; }
.listreports .uk-box>.uk-grid{ margin-left:-80px;  }
.listreports .uk-box>.uk-grid>div{ padding-left:80px; }
.listreports .uk-box>.uk-grid>div.uk-grid-margin{ margin-top:50px!important; }
.listreports .uk-wrap{ position: relative; width: 220px; text-align: center; margin: 0 auto; }
.listreports .img{ width:220px; border:1px solid #fff; }
.listreports .name{ color:#1e1e1e; line-height: 1.6; margin: 20px 5px 15px; height:60px; }
.listreports .uk-wrap .ico{ text-align: center; background-color:#d4d4d4; color:#fff; width:46px; height: 46px; padding:8px; margin:0 auto; }
.listreports .uk-wrap .ico .iconfont{ line-height: 1;}
.listreports .uk-wrap .ctn{ padding:25px 25px; }
.listreports .uk-wrap:hover .img{ border-color:var(--main-color); }
.listreports .uk-wrap:hover .ico{ background-color:var(--main-color); color:#fff; }

.reportlist{ position: relative; }
.reportlist::before{ content: ''; width: 3px; background-color: #f3f2f1; position: absolute; top: 40px; z-index: 0; overflow-y: hidden; left: 25px; }
.reportlist .uk-year .year{ height: 75px; width: auto!important;}
.reportlist .uk-year .year .first{line-height: 75px; padding-left:55px; }
.reportlist .uk-year .tit::before, .reportlist .uk-year .tit::after{ display: block; content:''; position: absolute; }
.reportlist .uk-year .tit::before { z-index: 2; width: 5px; height: 5px; background-color:  var(--main-color); border-radius: 50%; top: 20px; left: 9px; border: 15px solid var(--main-bgcolor-hover); box-sizing: content-box; z-index: 10; }
.reportlist .uk-year .tit::after{ z-index: 1; width: 55px; height: 75px; background:#fff; top:0; left: 0; }
.reportlist .actice-line { width: 3px; background-color: var(--main-color); position: absolute; top: 40px; left: 25px; z-index: 0; overflow-y: hidden; }



/*公告通函*/
.filteryear2{ margin-top:-20px; margin-bottom: 28px; border-bottom:1px solid #ebebeb; height: 60px; z-index:2; }
.filteryear2 .yearline>a{ color:#b9b9b9; line-height: 58px; border-bottom:3px solid transparent;  margin-right: 30px; }
.filteryear2 .yearline>a:hover,.filteryear2 .yearline>a.active{ color:var(--main-color); }
.filteryear2 .yearline>a.active{ border-bottom:3px solid var(--main-color); }
.filteryear2:hover,.filteryear2:focus{ z-index:99; }

.toolbar{ padding:15px; background:var(--main-bgcolor-hover); color:#646464; position:relative; z-index:90; border-radius:5px; }
.toolbar .uk-input, .toolbar .layui-input{ border:1px solid #fff; color:var(--text-color); border-radius: 4px; font-size:16px; }
.toolbar .uk-button { height: 40px; padding: 0 10px; }
.toolbar .uk-button span{ display: block; }
.toolbar .startdate::after{ position: absolute; right: -11px; top:50%; content:''; display: block; width: 7px; height: 2px; background:#c8c8c8; }
.toolbar:hover,.toolbar:focus{ z-index:99; }


.notice-total{ margin:20px 0 10px; color:#919191; }

.filtertype{ padding-bottom:5px; }
.filtertype a{ display: block; height: 36px; line-height: 36px; padding: 0 15px; margin-right: 5px; margin-bottom: 5px; background:#cbcbcb; color:#fff; border-radius:5px; }
.filtertype a:hover,.filtertype a.active{ color:#fff; background:var(--main-color); }


.noticelist li .uk-wrap{ position: relative; margin-top:-1px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; background:#fff; padding:28px 170px 28px 120px; min-height:110px; }
.noticelist li .date{ position: absolute; left: 10px; top:25px; padding-bottom: 0px; width:60px; color:#b8b8b8; text-align: center; }
.noticelist li .date .f40{ line-height: 1;}
.noticelist li .date::before{ position: absolute; top:50%; right: -20px; transform: translateY(-50%); content:''; display: block; width:1px; height: 48px; background: #e4e4e4; }
.noticelist li .tag{ line-height: 1.6; margin-bottom: 0px; }
.noticelist li .tit{ line-height: 1.6; padding-bottom: 4px; }
.noticelist li .more{  right:20px; width:40px; height: 40px; line-height: 40px; text-align: center; }
.noticelist li .more .iconfont{ font-size:30px; }
.noticelist li:hover { position: relative; z-index: 2;}
.noticelist li:hover .uk-wrap{ border-top:1px solid var(--main-color); border-bottom:1px solid var(--main-color); background-color:var(--main-bgcolor); }
.noticelist li:hover .date{ color:var(--main-color); }
.noticelist li:hover .date::before{ background:var(--main-color); }

.ggmodal{  padding:70px 60px 60px;  }
.ggcontent{ border: 1px dashed #ccc; padding:10px; line-height:1.4;  }
.ggcontent .hd .uk-line{ text-decoration: underline; margin-bottom:40px; line-height:1.4;  }
.ggcontent .bd{ padding:5px 20px 40px; }
.ggcontent .bd .tit{ line-height:1.4; }
.ggcontent .bd ul{ margin-top:10px;}
.ggcontent .bd ul>li{ line-height:1.4; margin:10px 0; }
.ggcontent .bd ul>li>a{ color:var(--main-color); /*text-decoration:underline;*/ position:relative; padding-left:25px; display:block; }
.ggcontent .bd ul>li>a:hover{ color:var(--main-color); }
.ggcontent .bd ul>li>a>i{ position:absolute; left:0; top:0; width:20px; font-style:normal; text-align:right; }


/*投资者日志*/
.days-wrapper { display: grid; grid-template-columns: repeat(7, 1fr); }
.days-wrapper .week { font-weight: bold; }
.days-wrapper .item { position: relative; text-align: center; line-height: 45px; margin-bottom: 4px; }
.days-wrapper .disabled { color: #a6a6a6; }
/*.days-wrapper .active { background-color: var(--main-color); color:#fff; border-radius: 8px; }*/
/*.days-wrapper .valid{ background:var(--main-color); color:#fff; border-radius: 50%;  }*/
/*.days-wrapper .valid span{ color:#fff; position:relative; z-index:2; }*/
/*.days-wrapper .valid::before { position: absolute; left: 50%; bottom: 0; margin-left: -4px; content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background: var(--main-color); z-index:0; }*/
.days-wrapper .valid .hddot{ position:absolute; bottom:0; left:0; right:0; }
.days-wrapper .valid .hddot>span{ display:block; content:''; width:8px; height:8px; margin:0 1px; border-radius:50%; }
.days-wrapper .valid .hddot>span.hddot-1{ background:var(--date-dot1);  }
.days-wrapper .valid .hddot>span.hddot-2{ background:var(--date-dot2);  }
.days-wrapper .valid .hddot>span.hddot-3{ background:var(--date-dot3);  }
.days-wrapper .valid .hddot>span.hddot-4{ background:var(--date-dot4);  }


/*投资者日志*/
.hdpage{ margin-left:-50px!important; }
.hdpage>div{ padding-left:50px; }
.hdpage .left .sidebar{ width:340px; }
.hdpage .left .hdside{ padding:35px 20px; background:var(--main-bgcolor); }
.hdpage .left .hdside .flag{ margin-top: 30px;}
.hdpage .left .hdside .flag span{ margin:0 15px; padding-left:12px; position: relative; }
.hdpage .left .hdside .flag span::before{ position: absolute; left: 0; top:50%; margin-top:-4px; content:''; display: block; width:8px; height: 8px; border-radius: 50%; }
.hdpage .left .hdside .flag span:nth-child(1)::before{ background:var(--date-dot1); }
.hdpage .left .hdside .flag span:nth-child(2)::before{ background:var(--date-dot2); }
.hdpage .left .hdside .flag span:nth-child(3)::before{ background:var(--date-dot3); }
.hdpage .left .btn{ margin-top:5px; line-height: 32px; color:#707070; }
.hdpage .left .uk-button{ border:0; height:32px; line-height: 32px; padding:0 30px; }
.hdpage .left .filter>div>div{ width: 120px; position: relative; padding:15px 0; text-align: center; color:#3c3c3c; }
.hdpage .left .filter>div>div>a{ position: absolute; left: 50%; transform: translateX(-50%); }
.hdpage .left .filter .up{ top:0; }
.hdpage .left .filter .down{ bottom:0; }
.hdpage .left .layui-laydate-content td{ font-size:16px; }
.hdpage .layui-laydate-content td.hddot1, .hdpage .layui-laydate-content td.hddot2, .hdpage .layui-laydate-content td.hddot3{ position: relative;  }
.hdpage .layui-laydate-content td.hddot1::before, .hdpage .layui-laydate-content td.hddot2::before, .hdpage .layui-laydate-content td.hddot3::before{ position: absolute; left:50%; bottom:0; margin-left:-4px; content:''; display: block; width:8px; height:8px; border-radius: 50%; }
.hdpage .layui-laydate-content td.hddot1::before{ background:var(--date-dot1); }
.hdpage .layui-laydate-content td.hddot2::before{ background:var(--date-dot2); }
.hdpage .layui-laydate-content td.hddot3::before{ background:var(--date-dot3); }

.hdstatus{ height: 40px; border-bottom:1px solid #efefef;}
.hdstatus>.uk-flex>a{ height: 40px; line-height: 40px; margin-right:10px; font-size:18px; padding:0 40px; background:#a3a3a3; color:#fff; }
.hdstatus>.uk-flex>a:hover,.hdstatus>.uk-flex>a.active{ background:var(--main-color); }
.hdstatus .dropyear{ background:#fff; border:1px solid var(--main-color); padding:15px 25px; width: 400px; }
.hdstatus .dropyear>div>a{ display: block; height: 50px; line-height: 50px; padding:0px; color:#a6a6a6; min-width: 20%; position: relative; text-align: center; }
.hdstatus .dropyear>div>a:hover,.hdstatus .dropyear>div>a.active{ color: var(--main-color); }

.hdlist .filteryear{ background:#fff5f0; padding:0 20px; }
.hdlist .filteryear>a,.hdlist .filteryear>div{ height: 50px; border-bottom:3px solid transparent; line-height: 50px; padding:0 10px; margin-right: 10px; color:#a6a6a6; }
.hdlist .filteryear>a:hover{ color:var(--main-color); }
.hdlist .filteryear>a.active{ color:var(--main-color); border-bottom-color:var(--main-color); }
.hdlist .moreyear .first{ cursor: pointer;}
.hdlist .filteryear div[aria-expanded="true"]{ color: var(--main-color);}

.hdlist ul li .uk-wrap{  position: relative; margin-top:-1px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; background:#fff; padding:28px 150px 28px 120px; min-height:110px; }
.hdlist ul li .date{ position: absolute; left: 10px; top:25px; padding-bottom: 0px; width:60px; color:#b8b8b8; text-align: center; }
.hdlist ul li .date .f40{ line-height: 1;}
.hdlist ul li .date::before{ position: absolute; top:50%; right: -20px; transform: translateY(-50%); content:''; display: block; width:1px; height: 48px; background: #e4e4e4; }
.hdlist ul li .tit{ line-height: 1.6; padding-bottom: 4px; }
.hdlist ul li .info{ color:#a6a6a6; }
.hdlist ul li .info .uk-margin-right .iconfont{ margin-right: 4px; }
.hdlist ul li .more{  right:20px; width:120px; z-index: 10; }
.hdlist ul li .more .hdtype{ color:#a7a7a7; }
.hdlist ul li .more a{ color:var(--main-color); }
.hdlist ul li:hover { position: relative; z-index: 2;}
.hdlist ul li:hover .uk-wrap{ border-top:1px solid var(--main-color); border-bottom:1px solid var(--main-color); background-color:var(--main-bgcolor); }
.hdlist ul li:hover .date{ color:var(--main-color); }
.hdlist ul li:hover .date::before{ background:var(--main-color); }

.hddetail{ border-bottom: 1px solid #ebebeb; padding-bottom: 80px; }
.hddetail h1.f24{ margin-top: 10px; margin-bottom: 0px; line-height: 1.4; }
.hddetail .infos{ border-bottom:1px dotted #c6c6c6; color:#a2a2a2; text-align: center; padding:10px 0 15px; margin-bottom: 25px; }
.hddetail .enclosure { margin-bottom: 20px; }
.hddetail .enclosure .uk-button{ padding:0 15px; height: 50px;}
.content{ line-height: 2; }

.my-modal-520 .uk-modal-dialog{ width:520px; }
.my-modal-650 .uk-modal-dialog{ width:520px; }
.my-modal-normal .uk-modal-dialog{ width: 650px; }
.my-modal-medium .uk-modal-dialog{ width: 900px; }
.uk-modal .back{ background:#fff; position:absolute; z-index:9; left:0; top:0; right:0; padding:12px 35px 10px; }
.hdmodal{ border-bottom: 1px solid #ebebeb; padding:75px 35px 80px; }
.hdmodal h1.name{ margin:0px 0 20px; padding: 12px 0; line-height: 1.4; border-top:1px dotted #c6c6c6; border-bottom:1px dotted #c6c6c6; }
.hdmodal h1.tit{ margin: 0; padding-top: 12px; line-height: 1.4; border-top:1px dotted #c6c6c6;  }
.hdmodal .infos{ border-bottom:1px dotted #c6c6c6; color:#a2a2a2; text-align: center; padding:10px 0 10px; margin-bottom: 20px; }
.hdmodal .enclosure { margin-bottom: 20px; }
.hdmodal .enclosure .uk-button{ padding:0 15px; height: 50px;}
.hdmodal{ line-height: 2; }



/*股票信息*/
.stock-body .tit-q{ padding-left:12px; position: relative; }
.stock-body .tit-q::after { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 18px; background: var(--main-color); }

.spart1{ margin-bottom: 30px;}
.spart1 .stock-info{ position: relative; padding-left:220px; height: 100%; }
.spart1 .stock-info .left .wrap{ position: relative; background:var(--stock-color); width:100%; height: 100%; padding:30px 30px 40px 30px; }
.spart1 .stock-info .left{ width:220px; position: absolute; left: 0; top:0; bottom: 0; }
.spart1 .stock-info .left .fd{ position: absolute; left: 30px; bottom:35px; right:30px; }
.spart1 .stock-info .uk-wrap{ padding:40px 40px 20px; height: 100%; background-color:var(--main-bgcolor); }
.spart1 .stock-info .uk-wrap .tip{ border-top:1px solid #e5e5e5; color:#919191; padding-top:25px; margin-top:30px; }
.spart1 .stock-info .uk-wrap .tip>div.uk-position-relative{ padding-right:180px; }
.spart1 .stock-info .uk-wrap .stock-logo{ position:absolute; right:0px; top:50%; transform:translateY(-50%); }
.spart1 .stock-info .uk-wrap .stock-logo img{ max-width:170px; max-height:60px; }
.info .ico{ display: block; position: relative; width: 0; border-left:7px solid transparent; border-right:7px solid transparent; margin:0 auto; height: 10px; top:-5px; }
.spart1 .cates .name{ z-index: 10;}
.spart1 .stock-info .first{ margin-bottom: 30px; }
.spart1 .stock-info .first .change{ margin-left:60px; line-height: 1.2; color:#636363; }
.spart1 .stock-info .first .f16.fb{color:#838383; }

.spart1 .stock-info .spec{ color:#636363; }
.spart1 .stock-info .datas .data{ padding:0 5px;}
.info-up .num{ color:var(--stock-red); }
.info-up .ico{ border-bottom:10px solid var(--stock-red); border-top:0;  }
.info-down .num{ color:var(--stock-green); }
.info-down .ico{ border-top:10px solid var(--stock-green); border-bottom:0; }

/* 简体是  红升绿跌，繁体和英文是红跌绿升 */
.zh-cn-body .info-up .num{ color:var(--stock-red); }
.zh-cn-body .info-up .ico{ border-bottom-color:var(--stock-red); border-top:0; }
.zh-cn-body .info-down .num{ color:var(--stock-green); }
.zh-cn-body .info-down .ico{ border-top-color:var(--stock-green); border-bottom:0; }


.zh-hk-body .info-up .num, .en-body .info-up .num{ color:var(--stock-green); }
.zh-hk-body .info-up .ico, .en-body .info-up .ico{ border-bottom-color:var(--stock-green); border-top:0; }
.zh-hk-body .info-down .num, .en-body .info-down .num{ color:var(--stock-red); }
.zh-hk-body .info-down .ico, .en-body .info-down .ico{ border-top-color:var(--stock-red); border-bottom:0; }
/* ====== END ==== 简体是  红升绿跌，繁体和英文是红跌绿升 */

.en-body .spart1 .stock-info .uk-wrap .tip .last{ display:inline-block; }
.en-body .spart1 .stock-info .uk-wrap .stock-logo{ bottom:22px; }


.spart1 .stock-base{ width:320px; background-color: var(--main-bgcolor); padding:10px 25px 25px; }
.spart1 .stock-base .tit{ border-bottom:1px solid #ebebeb; line-height: 50px; margin-bottom:20px;  }
.spart1 .stock-base .uk-wrap{ line-height: 1.2;}
.spart1 .stock-base .uk-wrap .spec{ color:#636363; }
.spart1 .stock-base .uk-grid-margin{ margin-top:10px; }

.spart2{ margin-bottom: 30px; }
.stockchart{ padding-bottom: 0px; }
.stockchart .title{ border-bottom:1px solid #ebebeb; line-height: 50px; margin-bottom: 25px; }
.chart-control-wrapper{ margin-top:20px; }
.chart-control-wrapper .uk-button{ background:#efefef; color:#8a8a8a; margin:0 2px; min-width:120px; text-align:center; text-transform: inherit; }
.chart-control-wrapper .uk-button.active{ background:#8a8a8a; color:#fff; }


.spart3{ margin-bottom: 30px;}

.spart3 .tit{ line-height: 50px; margin-bottom: 5px; border-bottom:1px solid #ebebeb; margin-bottom: 15px; }

.spart3 .stock-last .uk-table{ margin: 0; }
.spart3 .stock-last .uk-table th{ color:#fff; background: var(--stock-color); font-size:18px; line-height: 18px; }
.spart3 .stock-last .uk-table thead tr>th:nth-child(1){ width: 43%;}
.spart3 .stock-last .uk-table thead tr>th:nth-child(2){ width: 37%; }
.spart3 .stock-last .uk-table thead tr>th:last-child{ width: 20%; }
.spart3 .stock-last .uk-table td{ border-bottom:1px solid #eeeeee; padding:7px 12px; color:#636363; line-height:1.81; }
.spart3 .stock-last .uk-table tr>*:first-child{ padding-left:30px; }
/*.spart3 .stock-last .uk-table tbody>tr:last-child{ display: none; }*/

.spart3 .stock-history{ width:450px; }
.spart3 .stock-history .uk-box{  padding:20px; background-color: var(--main-bgcolor); }
.spart3 .stock-history .uk-box .tit2{ line-height: 50px; background:var(--stock-color); color:#fff; }
.spart3 .stock-history .uk-box .uk-wrap{ background:#fff; }
.spart3 .stock-history .uk-box .uk-wrap ul{ padding:10px 0; }
.spart3 .stock-history .uk-box .uk-wrap li{ margin:15px 0; line-height: 1.54; }
.spart3 .stock-history .uk-box .uk-wrap li .spec{ color:#636363; }
.spart3 .stock-history .uk-box .uk-wrap li .num{ color:#636363; }
.spart3 .stock-history .uk-box .uk-wrap li .num span{ display: inline-block; position: relative;}
.spart3 .stock-history .uk-box .uk-wrap li .num span::before{ position: absolute; right:-20px; content:''; display: block; width: 0; border-left:6px solid transparent; border-bottom:9px solid transparent; border-top:9px solid transparent; border-right:6px solid transparent; margin:0 auto; }
.spart3 .stock-history .uk-box .uk-wrap li .num .up{ color:var(--stock-red); }
.spart3 .stock-history .uk-box .uk-wrap li .num .down{ color:var(--stock-green); }
.spart3 .stock-history .uk-box .uk-wrap li .num .up::before{ top:-2px; border-bottom-color:var(--stock-red); }
.spart3 .stock-history .uk-box .uk-wrap li .num .down::before{ top:7px; border-top-color:var(--stock-green); }

/* 简体是  红升绿跌，繁体和英文是红跌绿升 */
.zh-cn-body .spart3 .stock-history .uk-box .uk-wrap li .num .up{ color:var(--stock-red); }
.zh-cn-body .spart3 .stock-history .uk-box .uk-wrap li .num .up::before{ border-bottom-color:var(--stock-red); }
.zh-cn-body .spart3 .stock-history .uk-box .uk-wrap li .num .down{ color:var(--stock-green); }
.zh-cn-body .spart3 .stock-history .uk-box .uk-wrap li .num .down::before{ border-top-color:var(--stock-green); }

.zh-hk-body .spart3 .stock-history .uk-box .uk-wrap li .num .up, .en-body .spart3 .stock-history .uk-box .uk-wrap li .num .up{ color:var(--stock-green); }
.zh-hk-body .spart3 .stock-history .uk-box .uk-wrap li .num .up::before, .en-body .spart3 .stock-history .uk-box .uk-wrap li .num .up::before{ border-bottom-color:var(--stock-green); }
.zh-hk-body .spart3 .stock-history .uk-box .uk-wrap li .num .down, .en-body .spart3 .stock-history .uk-box .uk-wrap li .num .down{ color:var(--stock-red); }
.zh-hk-body .spart3 .stock-history .uk-box .uk-wrap li .num .down::before, .en-body .spart3 .stock-history .uk-box .uk-wrap li .num .down::before{ border-top-color:var(--stock-red); }
/* ====== END ==== 简体是  红升绿跌，繁体和英文是红跌绿升 */


/*企业管制*/
/* .managelist{ }
.managelist .uk-subnav{ height: 40px; border-bottom:1px solid #d1d1d1; margin-bottom: 70px; margin-left:0; }
.managelist .uk-subnav>li{ padding: 0; margin:0 5px; }
.managelist .uk-subnav a{ width:140px; height: 40px; background:#d1d1d1; color:#fff; text-align: center; justify-content: center; font-size:16px; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; border-top:2px solid #d1d1d1; }
.managelist .uk-subnav-pill>.uk-active>a, .managelist .uk-subnav-pill a:hover{ background: #fff; border-top-color:var(--main-color); color:var(--main-color); font-weight: bold; }

.en-body .managelist .uk-subnav a{ min-width:250px; font-size:16px; }

.uk-manage{ margin-left:-25px; }
.uk-manage>div{ padding-left: 25px;}
.uk-manage>div.uk-grid-margin{ margin-top:25px; }
.uk-manage .uk-wrap{ background:#f8f8f8; border:1px solid #f8f8f8; padding:30px 20px 35px; transition: all ease 0.3s; border:1px solid #f8f8f8; }
.uk-manage .uk-wrap .tit{ color:#393939; line-height: 1.2; margin-bottom: 15px; position: relative; padding-left:20px; }
.uk-manage .uk-wrap .tit::before{ content:''; position: absolute; left: 0; top:50%; transform: translateY(-46%); width: 10px; height: 24px; background:var(--main-color); z-index: 1; }
.uk-manage .uk-wrap .uk-box{ color:#5d5d5d; padding:0 20px;  }
.uk-manage .uk-wrap .uk-box .name{ padding:5px 0; cursor: pointer; }
.uk-manage .uk-wrap:hover{ background:#fff; border-color:var(--main-color); background:#fff5f0; } */
/* .uk-manage .uk-wrap:hover .tit{ color:var(--main-color); } */
/* .uk-manage .uk-wrap .name:hover{ color:var(--main-color); } */

.uk-manage .humlist .uk-wrap{ padding:5px 20px 30px;  position: relative; border:1px solid #dfe5ed; border-radius:10px; }
.uk-manage .humlist .uk-wrap .tit{ margin-bottom: 15px; padding: 0 10px; border-bottom:1px solid #dfe5ed; line-height: 60px; }
.uk-manage .humlist .uk-wrap .con{ color:#5d5d5d; padding:0 10px; }


.en-body .uk-manage .humlist .uk-wrap .tit{ font-size: 20px;}

.uk-manage .filelist .tit{ margin-bottom: 5px; padding: 0 30px;}
.uk-manage .filelist{ margin-top:50px; }
.uk-manage .filelist ul{ margin-left:-40px; }
.uk-manage .filelist ul>li{ padding-left: 40px; }
.uk-manage .filelist ul>li.uk-grid-margin{ margin-top:40px!important; }
.uk-manage .filelist li>.uk-wrap{ padding:15px 80px 15px 30px; min-height: 100px; background:#f8f8f8; border:1px solid #f8f8f8;  border-radius:10px; overflow:hidden; transition: all ease 0.3s; }
.uk-manage .filelist li .ico{ position: absolute; top:50%; right: 25px; transform: translateY(-50%); text-align: center; transition: all ease 0.3s; background:#d5d5d5; width:40px; height: 40px; border-radius: 50%; }
.uk-manage .filelist li .ico .iconfont{ text-align: center; display: block; width:40px; line-height: 40px; color:#fff; }
.uk-manage .filelist li .name{ line-height: 1.4; color:#393939; }
.uk-manage .filelist li>.uk-wrap:hover{  border-color:var(--main-color); background:var(--main-bgcolor);  }
.uk-manage .filelist li>.uk-wrap:hover .name{ color:var(--main-color); }
.uk-manage .filelist li>.uk-wrap:hover .ico{ background-color:var(--main-color); color:#fff; }


/*电邮*/
.subscribebox{ margin-bottom: 20px; background-color:#f8f8f8; padding:55px 20px 75px; }
.subscribeform{ max-width:990px; margin-left: auto; margin-right: auto; }
.subscribebox .checkbox{ color:#818181; }
.subscribebox .checkbox span{ padding-left:5px; }
.subscribebox .checkbox li{ margin: 8px 40px 8px 0; }
.subscribebox .checkbox li label{ cursor:pointer; }
.subscribebox .checkbox .uk-checkbox{ width:20px; height: 20px; }
.subscribebox .uk-grid{ margin-top: 30px; margin-bottom:30px; }
.subscribebox .uk-wrap{ font-size:16px; position: relative; }
.subscribebox .uk-wrap .uk-input, .subscribebox .uk-wrap .uk-select, .subscribebox .uk-wrap .layui-input{ border:1px solid #fff; height: 60px; line-height: 60px; color:#515151; padding-left:20px; font-size:16px; }
.subscribebox .uk-wrap .uk-dropdown{ width:100%; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05); padding:0; }
.subscribebox .uk-wrap .uk-dropdown li{ line-height: 40px; padding:0 20px; }
.subscribebox .uk-wrap .uk-dropdown li:hover{ background-color: var(--main-color); color:#fff; }
.subscribebox .uk-wrap .uk-input[readonly]{ position: relative; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: calc(100% - 20px) 50%; }

.subscribebox .uk-wrap input::-webkit-input-placeholder { color:#515151; }
.subscribebox .uk-wrap input:-moz-placeholder { color:#515151; }
.subscribebox .uk-wrap input::-moz-placeholder { color:#515151; }
.subscribebox .uk-wrap input:-ms-input-placeholder { color:#515151; }

.subscribebox .layui-form-select dl{ top:62px; }
.subscribebox .uk-form-label{ font-size:16px; position: absolute; left: 20px; line-height: 60px; color:#515151; }
.subscribebox .uk-form-label .text-main{ vertical-align: sub; }
.subscribebox .uk-grid{ margin-left:-30px; }
.subscribebox .uk-grid>div{ padding-left:30px; }
.subscribebox .uk-grid>div.uk-grid-margin{ margin-top:30px; }
.subscribebox .uk-grid>div:nth-child(1) .uk-input{ padding-left:85px;}
.subscribebox .uk-grid>div:nth-child(2) .uk-input{ padding-left:115px;}
.subscribebox .uk-grid>div:nth-child(3) .uk-input{ padding-left:100px;}
.subscribebox .uk-grid>div:nth-child(4) .uk-input{ padding-left:70px;}
.subscribebox .uk-grid>div .must{ position:absolute; z-index:2; left:8px; top:50%; transform:translateY(-50%); }
.subscribebox .agree{ margin: 20px 0; }
.subscribebox .agree .uk-checkbox{ width: 16px; height: 16px;}
.subscribebox .sub .uk-button{ height: 60px; }

.cancelform{ padding:0px 0px 160px; width:600px; margin-left:auto; margin-right:auto; }
.cancelform .uk-wrap{ font-size:16px; position: relative; }
.cancelform .uk-wrap .uk-input{ padding-left: 115px; border:0; background:#f8f8f8; height: 60px; line-height: 60px; color:#515151; font-size:16px; }
.cancelform .uk-wrap .must{ position:absolute; z-index:2; left:8px; top:50%; transform:translateY(-50%); }
.cancelform .uk-wrap .uk-form-label{ font-size:16px; position: absolute; left: 20px; line-height: 60px; color:#515151; }
.cancelform .uk-wrap .uk-form-label .text-main{ vertical-align: sub; }
.cancelform .uk-button{ height:60px; }

.en-body .subscribebox .uk-grid>div:nth-child(1) .uk-input{ padding-left:120px;}
.en-body .subscribebox .uk-grid>div:nth-child(2) .uk-input{ padding-left:80px;}
.en-body .subscribebox .uk-grid>div:nth-child(3) .uk-input{ padding-left:105px;}
.en-body .subscribebox .uk-grid>div:nth-child(4) .uk-input{ padding-left:110px;}
.en-body .cancelform .uk-wrap .uk-input{ padding-left:80px; }

.cancel-ok{ padding:0 0 160px; width:600px; text-align:center; margin-left:auto; margin-right:auto; }
.cancel-ok .ico{ margin-bottom:30px; position:relative; }
.cancel-ok .ico1{ line-height:1; }
.cancel-ok .ico2{ line-height:1; position: absolute; bottom: 5px; left: 50%; margin-left: 25px; background: #fff; border-radius: 50%; border: 3px solid #fff; }
.cancel-ok .con{ line-height:2; }


/*互动留言*/
.interaction_msg{ margin-bottom:20px; background:var(--main-bgcolor); padding:35px 140px 65px; }
.interaction_msg>.cname{ margin-bottom:10px; }
.interaction_msg .uk-wrap{ position:relative; }
.interaction_msg .uk-form-label{ font-size:16px; position: absolute; left: 20px; line-height: 60px; color:#515151; }
.interaction_msg .uk-wrap .uk-input{ border:1px solid #fff; height: 60px; line-height: 60px; color:#515151; padding-left:100px; font-size:16px; }
.interaction_msg .uk-wrap .uk-textarea{ border:1px solid #fff; line-height: 40px; color:#515151; padding-left:100px; font-size:16px; padding-bottom:30px; }
.interaction_msg .uk-wrap .wordcut .tip{ color:#bebebe; right:10px; bottom:5px; }
.interaction_msg .uk-wrap .must{ position:absolute; z-index:2; left:8px; top:50%; transform:translateY(-50%); }
.interaction_msg .uk-wrap.first{ margin-bottom:30px; }
.interaction_msg .uk-wrap.first .uk-form-label{ line-height:40px; top:7px; }
.interaction_msg .uk-wrap.first .must{ position:absolute; z-index:2; left:8px; top:16px; transform:none; }

.interaction_bar{ position:relative; padding-right:300px; display:flex; }
.interaction_bar>.uk-wrap:nth-child(1){ flex:1; margin-right:30px; }
.interaction_bar .checkcode_wrap{ flex:1; }
.interaction_bar .btn{ position:absolute; right:0; }
.interaction_bar .btn .uk-button{ width:120px; height:60px; line-height:60px; border:0; }
.interaction_bar .checkcode{ position:absolute; right:155px; top:10px; }
.interaction_bar .checkcode img{ height:40px; width:120px; }

.interaction_list>.tit{ border-bottom:1px solid #e2e2e2; line-height:40px; }
.interaction_list .list li{ border-bottom:1px dotted #cbcbcb; min-height:140px; }
.interaction_list .list li>.uk-wrap{ padding:25px 0 25px 100px; position:relative; }
.interaction_list .list li>.uk-wrap .avatar{ width:60px; position:absolute; left:0; }
.interaction_list .list li>.uk-wrap .avatar .iconfont{ display:block; width:60px; height:60px; line-height:65px; margin-bottom:5px; text-align:center; overflow:hidden; background:#e2e2e2; color:#6b6b6b; border-radius:50%; }
.interaction_list .hd .question{ margin-bottom:10px; padding-left:35px; position:relative; }
.interaction_list .hd .question .ico{ font-size:14px; position:absolute; left:0; top:2px; display:block; width:24px; height:24px; line-height:24px; text-align:center; background:var(--main-color); color:#fff; border-radius:50%; }
.interaction_list .hd .date{ padding-left:35px; line-height:30px; }
.interaction_list .bd{ position:relative; background:var(--main-bgcolor); margin:20px 0 32px 35px; padding:20px 10px 20px 80px; min-height:100px; color:#7d7d7d; }
.interaction_list .bd .master{ position:absolute; left:10px; top:20px; width:60px; height:60px; background:#fff; border-radius:50%; padding:5px; }
.interaction_list .bd .master img{ display:block; max-width:50px; max-height:50px; }
.interaction_list .bd .answer{ margin-bottom:2px; }
.interaction_list .bd .date .action{ margin-left:10px; }
.interaction_list .fd{ margin-top:-30px; }

.en-body .interaction_msg .uk-wrap .uk-textarea{ padding-left:140px; }
.en-body .interaction_msg .interaction_bar .checkcode_wrap .uk-input{ padding-left:150px; }

.modal-form-interaction{padding:30px 50px 20px; min-height:300px; }
.modal-form-interaction .tit{ margin-bottom:10px; }
.modal-form-interaction .uk-wrap{ margin-bottom:30px; font-size:16px; position: relative; }
.modal-form-interaction .uk-wrap .uk-input{ padding-left: 100px; border:0; background:#f8f8f8; height: 60px; line-height: 60px; color:#515151; font-size:16px; }
.modal-form-interaction .uk-wrap .uk-textarea{ padding-left: 100px; border:0; background:#f8f8f8; line-height: 40px; color:#515151; font-size:16px; }
.modal-form-interaction .uk-wrap .must{ position:absolute; z-index:2; left:8px; top:50%; transform:translateY(-50%); }
.modal-form-interaction .uk-wrap .uk-form-label{ font-size:16px; position: absolute; left: 20px; line-height: 60px; color:#515151; }
.modal-form-interaction .uk-wrap .uk-form-label .text-main{ vertical-align: sub; }
.modal-form-interaction .uk-wrap.first .uk-form-label{ line-height:40px; top:7px; }
.modal-form-interaction .uk-wrap.first .must{ position:absolute; z-index:2; left:8px; top:16px; transform:none; }
.modal-form-interaction .uk-button{ height:60px; }


/*联络*/
.contact-box{ margin-top:20px; background:#fff; padding:50px 50px 60px; border:1px solid #dfe5ed; border-radius:10px;   }
.contact-box .uk-grid-divider>:not(.uk-first-column)::before{ top:20px; bottom:20px; }
.contact-box .ico{ line-height: 1; transition: all ease 0.3s; }
.contact-box .ico img{ width:70px; }
.contact-box .name{ margin:10px 0 5px; color:#4e4e4e; }
.contact-box .con{  margin:0 auto; }
.contact-box .desc{ line-height: 2;}
.contact-box .uk-wrap:hover .ico{ transform:scale(1.1); }
.contact-box .uk-wrap:hover .name{ color:var(--main-color); }

/*联系我们图标占位*/
.icon-position-left li{ position: relative; padding-left: 20px; margin-bottom:5px;}
.icon-position-left li i,.icon-position-left li .iconfont{ position: absolute; left: 0; top:1px; font-size: 14px;}

#tdtmap{ height:400px; width: 100%; position:relative; }
#tdtmap .tdt-infowindow-content-wrapper,#tdtmap .tdt-infowindow-tip{ background: none; box-shadow:none; }
#tdtmap .tdt-infowindow-tip-container{ display: none; }
#tdtmap .tdt-infowindow-content{ margin:0; }
#tdtmap .tdt-infowindow-close-button{ display: none; }
/*.map-mask{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 101; pointer-events: none; background:rgba(0,0,0,0.15); }*/
/*.catinfo{ width:300px; height: 80px; margin-left:70px; }*/
.catinfo{ position: relative; width:100px; height: 80px; background:#ffffff; padding:0px; color:#808080; overflow: hidden; }
.catinfo .tit1{ margin-bottom: 10px; }
.catinfo ul li,.catinfo ul li .iconfont{ color:#808080; }
.catinfo .onenavi{ color:#fff; position: absolute; right:0; top:0; bottom:0; width:100px; padding:10px 10px 20px; text-align: center; background:var(--main-color); line-height: 1.4; }



/*分页*/
.pages{ margin: 30px 0; color:#748185; }
.pages a{ color:#748185; }
.pages .pagination{ display: flex; }
.pages .pagination>li{ padding:0; height: 40px; line-height: 38px; padding:0; min-width:38px; text-align: center; border:1px solid #e8ecee;  background: #ffffff; margin-left:-1px; color:#748185; }
.pages .pagination>li:first-child{border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pages .pagination>li:last-child{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pages .pagination>li>a,.pages .pagination>li>span{ display: block;  }
.pages .pagination>li.active, .pages .pagination>li:hover{ color:#fff; background: var(--main-color); border-color:var(--main-color); }
.pagination>li:hover a{ color:#fff; }


.pages .uk-pagination .page-link{ border:1px solid #e8ecee; height:40px; line-height:40px; background:#f4f4f4; padding:0 10px; color:#748185; }
.pages .uk-pagination .page-prev{ border-top-left-radius:4px; border-bottom-left-radius:4px; }
.pages .uk-pagination .page-next{ border-top-right-radius:4px; border-bottom-right-radius:4px; }
.pages .uk-pagination .page-number{ margin:0 -1px; border:1px solid #e8ecee; height:40px; line-height:40px;  padding:0 10px; }

.pages .jump { margin-left:20px; }
.pages .jump select{ height: 34px; border:1px solid #e8ecee; color:#748185; line-height: 32px; border-radius: 4px; padding-left:10px; padding-right:10px; }
.pages .jump input{ width:50px; border:1px solid #e8ecee; height: 40px; border-radius: 4px; margin:0 5px; text-align: center; color:#748185; outline: none; }
.pages .jump button{ cursor: pointer; color:#748185; background:#f4f4f4; height: 40px; padding:0 10px; margin-left:5px; border:1px solid #e8ecee; border-radius: 4px; }


/*source*/
.source{ margin-top:15px; color:#535353; }
.source .uk-flex a{ color:var(--main-color); padding:0 7px; }
.source .uk-flex a:last-child{ padding-right:0; }




@media screen and (max-width: 1600px) {
    .uk-container{ padding-left:20px; padding-right:20px; }
}

@media( max-width:1440px ){
    .uk-container{ padding-left:90px; padding-right:90px; }
    
    .ipart2 .stock-info .uk-wrap .tip>div.uk-position-relative{ padding-right:110px; }
    .ipart2 .stock-info .uk-wrap .stock-logo img{ max-width:100px; }
    .ipart2.spart1 .stock-info .uk-wrap .tip .last{ display:block; }
    
    .listreports{ padding-left:40px; padding-right: 40px; }
}

@media screen and (max-width: 1200px) {
    .uk-container{ padding-left:50px; padding-right:50px; }
    .uk-lang{ margin-left: 50px; }

    .hdpage .left .hdside{ width:320px; }

    .listreports{ padding-left:10px; padding-right: 10px; }

}